<template>
	<view class="_match_card_home">
		<view class="u-flex u-flex-between u-flex-items-center">
			<view class="f-s-12 u-info">乒乓球大型赛事场馆一</view>
			<view class="f-s-14 u-error f-w-b">05-10 09:00</view>
		</view>
		<view class="_match_team u-flex u-flex-around u-flex-items-center">
			<view class="team-item u-flex u-flex-column u-flex-items-center">
				<view>
					<up-avatar random-bg-color text="马"></up-avatar>
				</view>
				<view class="f-s-14 u-m-t-20  u-line-1">马萨兰琦</view>
			</view>
			<view class="iconfont f-s-30">
				&#xe608;
			</view>
			<view class="team-item u-flex u-flex-column u-flex-items-center">
				<view><up-avatar random-bg-color text="萨"></up-avatar></view>
				<view class="f-s-14 u-m-t-20 u-line-1">萨里懒得</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "MatchCardHome",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	._match_card_home {
		padding: 12px;
		border-radius: 12px;
		background-color: #fff;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
		margin-bottom: 15px;

		._match_team {
			margin: 20px 0;

			.team-item {
				width: 100px;
				max-width: 100px;
			}
		}

	}
</style>